﻿<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<!-- DW6 -->
<head>
<!-- Copyright 2005 Macromedia, Inc. All rights reserved. -->
<%@ page contentType="text/html; charset=utf-8"  language="java" import="java.util.*,java.text.*" pageEncoding="UTF-8" isELIgnored="false"%> 
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions"%>
<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt" %>  
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>后台管理</title>
<script language="javascript" type="text/javascript" src="<%=request.getContextPath()%>/admin/DatePicker/WdatePicker.js"></script>
<link href="<%=request.getContextPath()%>/js/css/ui-lightness/jquery-ui-1.8.18.custom.css" rel="stylesheet" type="text/css" />	
<script src="<%=request.getContextPath()%>/js/jquery.min.js" type="text/javascript"></script>
<script src="<%=request.getContextPath()%>/js/jquery-ui-1.8.18.custom.min.js" type="text/javascript"></script>

</head>
<body>
<%SimpleDateFormat formatDate=new SimpleDateFormat("yyyy-MM-dd");
  String today=formatDate.format(new Date());
%>
<form name="goodslist" action="<%=request.getContextPath()%>/admin/nummanager.do" method="post">
<table>
 <tr>
 <td>品名:</td><td><input type="text" name=goodsname value="${param.goodsname}"/></td>
 <td>分类:</td><td><input type="text" name=goodstype value="${param.goodstype}"/></td>
 <td><input type="text" size="3" name=minnum value="${param.minnum}"/>&lt;库存&lt;<input type="text" name=maxnum value="${param.maxnum}" size="3"/></td> 

 <td>有效期:</td>
 <td><select name="day">
 <option value="0" <c:if test="${param.day=='0'}" >selected</c:if> ></option>
 <option value="90" <c:if test="${param.day=='90'}" >selected</c:if> >三月内到期</option>
 <option value="60" <c:if test="${param.day=='60'}" >selected</c:if> >二月内到期</option>
 <option value="30" <c:if test="${param.day=='30'}" >selected</c:if> >一月内到期</option>
 <option value="15"  <c:if test="${param.day=='15'}" >selected</c:if> >15天内到期</option>
 </select>
 </td>
 <td><input type="submit" value="查询" /></td>
 </tr>
</table>
<table width="%100">
<tr>
<td width="200px">商品名称</td>
<td width="50px">库存</td>
<td width="50px">销售</td>
<td width="120px">到期时间</td>
<td width="120px">保质期</td>
<td width="350px">描述</td>
</tr>

<c:forEach items="${goodslist}" var="goods">
   <tr height="40px" id=${goods.id}>
     <td width="150px">${goods.goodsName}</td>
     <td width="20px">${goods.goodsNum}</td>
     <td width="20px" >${goods.saleNum}</td>
     <td><input onchange="savetime(this)" class="Wdate" name="beginDate" style="width:80px" type="text" onclick="WdatePicker()"
     value="${goods.desc2}" readonly/></td>
     <td width="50px" class="editAble">${goods.color}</td>
     <td width="220px" class="editArea">${goods.desc1}</td>
    </tr>
</c:forEach>
</table>

</form>


</body>
</html>
<script>

 //初始化数据
 $(function(){
   $(".editAble").unbind().bind('click',function(){
   var val=$(this).html();
   $(this).html("<input type='text' size='5' onblur='saveEdit(this)' value='"+val+"' >");//点击单元格时，动态插入一个input输入框，获取当前单元格的值，当输入框失去焦点时保存值
   $(this).children("input").select();
   $(this).unbind();//取消当前单元格事件，不然一会点击输入框时还会再触发该事件，会有让你意想不到的崩溃效果
  });
  
  $(".editArea").unbind().bind('click',function(){
   var val=$(this).html();
   $(this).html("<textarea style='width:220px;height:30px'  onblur='saveEditArea(this)' value='"+val+"' >"+val+"</textarea>");//点击单元格时，动态插入一个input输入框，获取当前单元格的值，当输入框失去焦点时保存值
   $(this).children("textarea").select();
   $(this).unbind();//取消当前单元格事件，不然一会点击输入框时还会再触发该事件，会有让你意想不到的崩溃效果
  });
  
 }) ;



//保存输入框的值到当前单元格，移除当前单元格
function saveEdit(ctl){
if (checkInput(ctl)){//验证输入的有效性，自己实现，也可以不要
var pnt=$(ctl).parent();
$(pnt).html($(ctl).attr("value"));//将值放回原单元格
}
$(ctl).remove();//移除编辑组件，很重要
   pnt.unbind().bind('click',function(){
   var val=$(this).html();
   $(this).html("<input type='text' size='5' onblur='saveEdit(this)' value='"+val+"' >");//点击单元格时，动态插入一个input输入框，获取当前单元格的值，当输入框失去焦点时保存值
   $(this).children("input").select();
   $(this).unbind();//取消当前单元格事件，不然一会点击输入框时还会再触发该事件，会有让你意想不到的崩溃效果
  });
}

//保存输入框的值到当前单元格，移除当前单元格
function saveEditArea(ctl){
if (checkArea(ctl)){//验证输入的有效性，自己实现，也可以不要
var pnt=$(ctl).parent();
$(pnt).html($(ctl).attr("value"));//将值放回原单元格
}
$(ctl).remove();//移除编辑组件，很重要
   pnt.unbind().bind('click',function(){
   var val=$(this).html();
   $(this).html("<textarea style='width:220px;height:30px'  onblur='saveEditArea(this)' value='"+val+"' >"+val+"</textarea>");//点击单元格时，动态插入一个input输入框，获取当前单元格的值，当输入框失去焦点时保存值
   $(this).children("textarea").select();
   $(this).unbind();//取消当前单元格事件，不然一会点击输入框时还会再触发该事件，会有让你意想不到的崩溃效果
  });
}

function checkInput(obj)
{
  var pnt=$(obj).parent();
  var goodsid=pnt.parent().attr("id");
  var data=$(obj).attr("value");
  var url='<%=request.getContextPath()%>/goods/savecolor.do?goodsid='+goodsid;
	 $.get(url,{color: encodeURI(data)}, function(result){	
          pnt.css('color','green');     
	  }); 

 return true;
}

function checkArea(obj)
{
  var pnt=$(obj).parent();
  var goodsid=pnt.parent().attr("id");
  var data=$(obj).attr("value");
  var url='<%=request.getContextPath()%>/goods/savedesc.do?goodsid='+goodsid;
	 $.get(url,{desc: encodeURI(data)}, function(result){	
          pnt.css('color','green');   
	  }); 

 return true;
}

function savetime(obj)
{
  var pnt=$(obj).parent();
  var goodsid=pnt.parent().attr("id");
  var data=$(obj).val();   
  var url='<%=request.getContextPath()%>/goods/savedesc2.do?goodsid='+goodsid;
	 $.get(url,{date: encodeURI(data)}, function(result){	
          pnt.css('color','green');   
	  }); 

}
</script>
